﻿<!DOCTYPE html>
<html class="">

<head>
	<meta charset="utf-8">
	<meta http-equiv="content-type" content="text/html" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>武汉码上帮科技公司</title>
	<meta name="keywords" content="上海网站建设,上海网站制作,上海网站设计,上海建站">
	<meta name="description" content="XXX科技是一家专业做定制开发的上海网站建设公司，独一无二的一对一设计，一流的开发团队，完善的售服体系，为您的企业量身定制最贴身的品牌官网！">
	<meta name="baidu-site-verification" content="H6rHrDTuI2" />
	<link href="css/banner.css" rel="stylesheet">
	<link href="css/iconfont.css" rel="stylesheet">
	<link href="css/animate.min.css" rel="stylesheet">
	<link href="css/carousel.css" rel="stylesheet">
	<link href="css/global.css" rel="stylesheet">


</head>

<body>

	<!-- 导航条 -->
	<div class="pc_header" style="position: fixed;top: 0;background-color: black;opacity:1;bottom: none;">
		<div class="circle"></div>
		
		<div class="pc_header_content clear">
			<!-- logo -->
			<a href="index.html" class="header_content_logo fl">
				<img style="width: 120%; filter: brightness(200%); z-index: 10000;opacity: 1;" src="images/logo1.png">
			</a>
			<div style="z-index: 100000;" class="burger fr">
				<div class="x"></div>
				<div class="y"></div>
				<div class="z"></div>
			</div>
			<div class="header_content_right clear fr">

				<!-- 导航条左边 -->
				<div class="menu fl clear" >
					<ul >
						<li class="fl on"><a href="index.html" class="menu_title">首页</a></li>
						<li class="fl "><a href="about.html#" class="menu_title">关于我们</a></li>
						<li class="fl ">
							<a href="javascript:;" class="menu_title service_items">服务项目</a>
							<div class="DropDown clear">
								<div class="DropDown_content">
									<a href="service.html#" class="fl ">
										<dd class="iconfont">&#xe70b;</dd>
										<dt>高端网站定制</dt>
									</a>
									<a href="weixin.html#" class="fl ">
										<dd class="iconfont">&#xe629;</dd>
										<dt>微信定制</dt>
									</a>

									<a href="app.html" class="fl ">
										<dd class="iconfont">&#xe6c0;</dd>
										<dt>APP开发服务</dt>
									</a>

									<a href="yingxiao.html" class="fl ">
										<dd class="iconfont">&#xe634;</dd>
										<dt>网络营销服务</dt>
									</a>
								</div>

							</div>
						</li>
						<li class="fl "><a href="case.html" class="menu_title">案例展示</a></li>
						<li class="fl "><a href="news.html" class="menu_title">新闻动态</a></li>
						<li class="fl "><a href="contact.html" class="menu_title">联系我们</a></li>
					</ul>
				</div>
				<!-- 导航条右边 -->
				<div class="header_content_phone fr">
					<span class="iconfont">&#xe6ee;</span>155-0270-6302
				</div>
			</div>
		</div>
	</div>


	<!--右侧的固定导航-->
	<div class="FloatingWindow clear">
		<a href="http://wpa.qq.com/msgrd?v=3&uin=XXX&site=qq&menu=yes" class="FloatingWindow_list fr" target="_blank">
			<div class="FloatingWindow_list_title">
				<dd class="iconfont">&#xe675;</dd>
				<dt>在线咨询</dt>
			</div>
		</a>
		<a href="#" class="FloatingWindow_list fr" target="_blank">
			<div class="FloatingWindow_list_title">
				<dd class="iconfont">&#xe618;</dd>
				<dt>QQ咨询</dt>
			</div>
		</a>
		<a href="javascript:;" class="FloatingWindow_list fr">
			<div class="FloatingWindow_list_title">
				<dd class="iconfont">&#xe619;</dd>
				<dt>服务热线</dt>
			</div>
			<div class="FloatingWindow_list_down bounceInRight animated " style="background-color: #3c50b1;">服务热线：155-0270-6302</div>
		</a>
		<a href="javascript:;" class="FloatingWindow_list fr" id="top">
			<div class="FloatingWindow_list_title">
				<dd class="iconfont">&#xe628;</dd>
				<dt>TOP</dt>
			</div>
		</a>
	</div>


	<!-- 轮播图 -->
	<div style="margin-top: 5%;" class="banner">
		<div class="slick-hero-slider-wrapper">
			<div
				class="slider slick-hero-slider slick-slider-center-mode slick-animation slick-inner-dot alt-dot-position with-main-search-wrapper-2">
				<!-- 轮播图1 -->
				<div class="slick-item">
					<div class="image-bg" style=" background:url(images/index_banner.jpg) no-repeat 50%/cover">
						<div class="container">
							<div class="row">
								<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-10">
									<div class="slick-hero-slider-caption">
										<dd class="animation fromBottom transitionDelay2"><img src="images/bn1改.png">
										</dd>
										<div class="animation fromBottom transitionDelay4">
											站在用户的角度思考问题，与客户深入沟通，找到网站设计与推广的最佳解决方案</div>
										<dd class="animation fromBottom transitionDelay6">
											<p> 懂您所需、做您所想！</p>
											<p> 我们一直在思考如何为客户创造更大的价值，让客户更省心! </p>
										</dd>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 轮播图2 -->
				<div class="slick-item">
					<div class="image-bg Network_bg"
						style=" background:url(images/index_banner5.jpg) no-repeat 50%/cover">
						<div class="container">
							<div class="row">
								<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-10">

									<div class="slick-hero-slider-caption Network">
										<b class="bg2" style="margin-top: 150px;"><img src="images/banner_yuan.png"></b>
										<dd class="animation fromBottom transitionDelay2"> 懂您所需 做您所想</dd>
										<div class="animation fromBottom transitionDelay4">我们一直在思考如何为客户创造更大的价值，让客户更省心
										</div>
										<!-- <div class="animation fromBottom transitionDelay4">  </div> -->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 轮播图3 -->
				<!-- <div class="slick-item">
	            <div class="image-bg" style=" background:url(images/index_banner5.jpg) no-repeat 50%/cover">
                	<div class="container">
                        <div class="row">
                            <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-10">
                                <div class="slick-hero-slider-caption year">
                                    <b class="bg2"><img src="images/banner_yuan.png"></b>
									<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-10">
										<div class="slick-hero-slider-caption Network">
											<dd class="animation slideInDown transitionDelay4"> 懂您所需  做您所想</dd>
											<br><br><br><br>
											<div style="text-indent:45px;" class="animation slideInDown transitionDelay5">我们一直在思考如何为客户创造更大的价值，让客户更省心! </div>
										</div>
									</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
			</div> -->

			</div>
		</div>
	</div>


	<!-- 服务项目 -->
	<div class="IndexService">
		<div class="IndexService_content all wow fadeIn">
			<div class="IndexService_content_title">
				<dd>服务项目</dd>
				<dt>专业团队打造精品网站</dt>
			</div>
			<div class="IndexService_content_body clear carousel">
				<a href="service.html#" class="content_body_list fl" target="_blank">
					<div class="body_list_title">高端网站定制</div>
					<div class="body_list_content">需求分析-创意设计-程序制作-资料添加-测试交付每一步我们都追求精致</div>
					<div class="body_list_classification clear">
						<div class="list_classification_list fl ">
							<div class="dd">
								<dd class="iconfont">&#xe70b;</dd>
								<dt>企业官网</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe6d2;</dd>
								<dt>外贸网站</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe659;</dd>
								<dt>综合门户</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe606;</dd>
								<dt>电商网站</dt>
							</div>

						</div>
					</div>
				</a>
				<a href="weixin.html#" class="content_body_list fl" target="_blank">
					<div class="body_list_title">微信开发</div>
					<div class="body_list_content">基于微信为企业提供开发、运营、培训、推广一体化解决方案，帮助企业实现线，上线下互通</div>
					<div class="body_list_classification clear">
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe62e;</dd>
								<dt>吸粉系统</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe61e;</dd>
								<dt>分销系统</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe600;</dd>
								<dt>互动系统</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe601;</dd>
								<dt>交易系统</dt>
							</div>

						</div>
					</div>
				</a>
				<a href="app.html" class="content_body_list fl" target="_blank">
					<div class="body_list_title">APP开发</div>
					<div class="body_list_content">完全个性化设计，专属定制研发应用软件，安全稳定的技术运维服务，为您提供多方位解决方案</div>
					<div class="body_list_classification clear">
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe633;</dd>
								<dt>HTML5开发</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe60b;</dd>
								<dt>安卓APP开发</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe6c0;</dd>
								<dt>IOS APP开发</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe748;</dd>
								<dt>运维管理</dt>
							</div>

						</div>
					</div>
				</a>
				<a href="yingxiao.html" class="content_body_list fl" target="_blank">
					<div class="body_list_title">品牌官网设计</div>
					<div class="body_list_content">根据企业行业特点和自身需求整合企业网络资源提供长期的网络营销服务支持</div>
					<div class="body_list_classification clear">
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe634;</dd>
								<dt>策划</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe62d;</dd>
								<dt>设计</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe6af;</dd>
								<dt>页面开发</dt>
							</div>

						</div>
						<div class="list_classification_list fl">
							<div class="dd">
								<dd class="iconfont">&#xe62b;</dd>
								<dt>后期维护</dt>
							</div>

						</div>
					</div>
				</a>
			</div>
		</div>
	</div>


	<!-- 案例展示 -->
	<div class="IndexService IndexCase" id="digital">
		<div class="IndexService_content all wow fadeIn">
			<div class="IndexService_content_title">
				<dd>案例展示</dd>
				
			</div>
			<div class="IndexCase_content clear">

				<div class="IndexCase_content_list fl wow fadeInUp" data-wow-delay="0.1s">
					<div class="content_list_img">
						<div><img src="images/项目图片/569761a500f52.jpg" class="tra" alt=""></div>
						<div class="content_list_hover iconfont">
							<dd></dd>
							<dt>&#xe657;</dt>
							<div class="hr"><a href="caseinfo.html#/142.html" title="提示项目名字" target="_blank">
									<!-- 圈 -->
									<img src="images/bn7.png"></a></div>
						</div>
					</div>
					<div class="content_list_title clear">
						<div class="list_title_left fl">
							<dd><a href="caseinfo.html#/142.html" target="_blank">美联英语</a>
								<div class="list_title_icon fr iconfont">&#xe614;</div>
						</div>

					</div>
				</div>
				<div class="IndexCase_content_list fl wow fadeInUp" data-wow-delay="0.1s">
					<div class="content_list_img">
						<div><img src="images/项目图片/56976178f3378.jpg" class="tra" alt="奥邦乳业-奥德华园"></div>
						<div class="content_list_hover iconfont">
							<dd></dd>
							<dt>&#xe657;</dt>
							<div class="hr">
								<a href="caseinfo.html#/141.html" title="奥邦乳业-奥德华园" target="_blank">
									<img src="images/bn7.png"></a>
							</div>
						</div>
					</div>
					<div class="content_list_title clear">
						<div class="list_title_left fl">
							<dd><a href="caseinfo.html#/141.html" target="_blank">奥邦乳业-奥德华园</a>
								<div class="list_title_icon fr iconfont">&#xe614;</div>
						</div>

					</div>
				</div>
				<div class="IndexCase_content_list fl wow fadeInUp" data-wow-delay="0.1s">
					<div class="content_list_img">
						<div><img src="images/项目图片/56a0a2215b1d9.jpg" class="tra" alt="亲巢网"></div>
						<div class="content_list_hover iconfont">
							<dd></dd>
							<dt>&#xe657;</dt>
							<div class="hr"><a href="caseinfo.html#dianshang/134.html" title="深圳机场地产"
									target="_blank"><img src="images/bn7.png"></a></div>
						</div>
					</div>
					<div class="content_list_title clear">
						<div class="list_title_left fl">
							<dd>
								<a href="caseinfo.html#dianshang/134.html" target="_blank">亲巢网</a>
								<div class="list_title_icon fr iconfont">&#xe614;</div>
						</div>
					</div>
				</div>


			</div>
			<div class="IndexCase_more">
				<a href="case.html#"><span>更多</span></a>
			</div>
		</div>
	</div>




	<!-- 整体评价 -->
	<!-- <div class="advantage clear">
		<div class="advantage_content all">
			<div class="advantage_content_list fl">
				<div class="content_list_title"><span class="counter-demo-4 box"
						data-lem-counter='{"value_from": 0, "value_to": 9, "animate_duration": 2}'>9</span></div>
				<div class="content_list_body">
					<p>XXX科技9年专注于网站建设</p>
					<p>因为专注，所以专业</p>
				</div>
			</div>
			<div class="advantage_content_list fl">
				<div class="content_list_title"><span class="counter-demo-4 box"
						data-lem-counter='{"value_from": 0, "value_to": 1000, "animate_duration": 2}'>1000</span></div>
				<div class="content_list_body">
					<p>迄今为止我们服务的客户超过</p>
					<p>1000家，遍及各大行业</p>
				</div>
			</div>
			<div class="advantage_content_list fl">
				<div class="content_list_title"><span class="counter-demo-4 box"
						data-lem-counter='{"value_from": 0, "value_to": 100, "animate_duration": 2}'>100</span>%</div>
				<div class="content_list_body">
					<p>百分百的独特创意设计，纯定制</p>
					<p>开发，让您的网站与众不同</p>
				</div>
			</div>
			<div class="advantage_content_list fl">
				<div class="content_list_title"><span class="counter-demo-4 box"
						data-lem-counter='{"value_from": 0, "value_to": 99, "animate_duration": 2}'>99</span>%</div>
				<div class="content_list_body">
					<p>良好的口碑是我们立足业界</p>
					<p>的根本，客户满意度超99%</p>
				</div>
			</div>
		</div>
	</div> -->




	<!-- 新闻动态 -->
	<div class="IndexService IndexNews">
		<div class="IndexService_content all wow fadeIn">
			<div class="IndexService_content_title clear">
				<dd class="fl">新闻动态 </dd>
				<!-- <div class="fr IndexNews_title clear">
				<a href="newsinfo.html#hyxw/" class="fl">行业新闻</a>
				<a href="newsinfo.html#xuetang/" class="fl">建站学堂</a>
				<a href="newsinfo.html#wenti/" class="fl">常见问题</a>
			</div> -->
			</div>
			<div class="IndexNews_content clear">
				<div class="IndexNews_content_video fl">
					<div class="content_video_title look_video">
						<div class="videobox">
							<div class="videobox_nei">
								<div id="video_button"></div>
								<div class="video">
									<video id="video_button2" loop="loop" controls>
										<source src="banner/video.mp4" type="video/mp4">
									</video>
								</div>
							</div>
						</div>
						<div class="video_title_item">
							<dd class="iconfont">&#xe60c;</dd>
							<dt></dt>
						</div>
					</div>
					<div class="content_video_body">
						<dd><span class="iconfont">&#xe61b;</span> 武汉码上帮科技有限公司设计拥有什么优势</dd>
						<dt>
							互联网时代很多企业都开始关注网站的使用和价值，因为网站可以将自己的商品和内容进行更好的展示宣传效果，
							开辟全新的运营模式，最重要的是价格还是非常便宜的，所以不少商家对于网站都是非常看中的。
							但是在这过程当中，网站设计就成为了非常需要考虑的关键问题，如果一个网站设计的不好，
							那么就根本无法实现网站的实际价值，在这样的问题上，只能通过选择更好的网站设计来进行弥补。
							网站设计...
						</dt>
					</div>
				</div>
				<div class="IndexNews_content_right fr clear">

					<div style="margin-top: 20px;" class="content_right_list clear fl">
						<div class="right_list_img fl"><a href="newsinfo.html#hyxw/1566.html"><img
									src="images/d72401dd036a2b92e431354943bd8ef1.jpg" class="tra"
									alt="以下几种链接是不会被百度抓取的，交换友情链接的时候要注意！"></a></div>
						<div class="right_list_content fr clear">
							<div class="list_content_title clear">
								<dd class="fl"><a href="newsinfo.html#hyxw/1566.html">
										响应式网站之解决响应式图片尺寸大小问题
									</a>
								</dd>
								<dt class="fr">01-11</dt>
							</div>
							<p>
								前言 随着网站开发技术的发展，浏览器的升级，操作系统的升级，HTML5\CSS3技术的推出，
								对HTML5的支持变得越来越全面，也让旧浏览器的占有率越来越低，同时不同尺寸的显示终
								端越来越多，这些让我们看到了响应式网站普及的署光及迫切需求。但，今天要谈的是响应
								式网站一个必须要解决的问题：图片响应式，一张大图如果PC端是这么大、平板端是这么
								大、手机端还是这么大的话，实在太不科学了，一是手机流量占...
							</p>
						</div>
					</div>

					<div class="content_right_list clear fl">
						<div class="right_list_img fl"><a href="newsinfo.html#hyxw/1565.html"><img
									src="images/5059fc3fb46c9509e61194dfafd21263.jpg" class="tra"
									alt="传统企业为什么需要做网站"></a></div>
						<div class="right_list_content fr clear">
							<div class="list_content_title clear">
								<dd class="fl"><a href="newsinfo.html#hyxw/1565.html">
										当搜索引擎越来越挑剔网站收录越来越难时我们能做什么
									</a></dd>
								<dt class="fr">01-11</dt>
							</div>
							<p>
								近来小编发觉写的很多文章都不收录了，看看后台统计数据然后我感到非常纳闷，
								以为是被惩罚了，不过排名没有多大变化，于是尝试着写更加
								丰富的内容，发觉还是会收录，于是我就摸索出如下的规则供大家参考：
								1、图片太多，完全没有文字也不收录； 2、文字多一般能收录，最好在1200字以上
								，当然不是在网上随便抄够1200字就行了，至少也应该是伪原创（用自己的话重新表达）。
								3、文章排版要容...

							</p>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>




	<!-- 商业合作logo   123123-->
	<div class="IndexService partner">
		<div class="IndexService_content all wow fadeIn">
			<div class="IndexService_content_title">
				<dd>我们与您携手共进</dd>
				<p>我们最大的使命就是让他们的选择变得坚定和正确，为客户创造最大的价值从而实现自己的价值。</p>
			</div>
			<div class="partner_content clear">
				<div style="background-color: rgb(255, 255, 255);" class="partner_content_list fl">
					<div class="sss">
						<img  id="shangbiao" src="images/项目图片/商标/569ca41a7a263.jpg" class="gray">
					</div>
				</div>
				<div style="background-color: rgb(255, 255, 255);" class="partner_content_list fl">
					<div class="sss">
						<img  id="shangbiao" src="images/项目图片/商标/569ca5104a946.jpg" class="gray">
					</div>
				</div>
				<div style="background-color: rgb(255, 255, 255);" class="partner_content_list fl">
					<div class="sss">
						<img  id="shangbiao" src="images/项目图片/商标/569ca62ca6eb1.jpg" class="gray">
					</div>
					
				</div>
				<div style="background-color: rgb(255, 255, 255);" class="partner_content_list fl">
					<div class="sss">
						<img  id="shangbiao" src="images/项目图片/商标/56ea529029b70.jpg" class="gray">
					</div>
					
				</div>
			</div>
		</div>
	</div>




	<!-- 底部 -->
	<div class="footer" style="overflow: hidden;">
		<div id="mydiv" style="height:465px;"></div>
		<div class="footer_content">

			<div class="footer_content_top clear">
				<div class="content_top_share fl">
					<div><img style="width: 180px; height: 60px;" src="./images/long.png"></div>
					<div class="top_share_content">
						<dd>分享至：</dd>
						<dt class="bdsharebuttonbox clear" id="share">
							<a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博">&#xe632;</a>
							<a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友">&#xe663;</a>
							<a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信">&#xe603;</a>
							<a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧">&#xe683;</a>
						</dt>
						<script>
							window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "1", "bdSize": "16" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
						</script>
					</div>
				</div>
				<div class="content_top_left fl clear">
					<div class="top_left_list fl">
						<dd><a href="about.html#">关于我们</a></dd>
						<dt>
							<a href="about.html#">公司简介</a>
							<a href="about.html##qywh">企业文化</a>
							<a href="about.html##zzry">资质荣誉</a>
						</dt>
					</div>
					<div class="top_left_list fl">
						<dd><a href="service.html#">服务项目</a></dd>
						<dt>
							<a href="service.html#">高端网站定制</a>
							<a href="weixin.html#">微信开发</a>
							<a href="app.html">APP开发</a>
							<a href="yingxiao.html">网络营销</a>
						</dt>
					</div>
					<div class="top_left_list fl">
						<dd><a href="news.html">新闻动态</a></dd>
						<dt>
							<a href="newsinfo.html#hyxw/">行业新闻</a>
							<a href="newsinfo.html#xuetang/">建站学堂</a>
							<a href="newsinfo.html#wenti/">常见问题</a>
						</dt>
					</div>
					<div class="top_left_list fl">
						<dd><a href="contact.html">联系我们</a></dd>
						<dt>
							<a href="contact.html">联系我们</a>
							<a href="contact.html">人才招聘</a>
						</dt>
					</div>
				</div>
				<div class="content_top_right fr">
					<div class="top_right_title">联系方式</div>
					<div class="top_right_content">
						<div class="right_content_list clear">
							<dd class="fl iconfont">&#xe62c;</dd>
							<dt class="fl">电话：155-0270-6302</dt>
						</div>
						<div class="right_content_list clear">
							<dd class="fl iconfont">&#xe663;</dd>
							<dt class="fl">QQ： 2466083820 </dt>
						</div>
						<div class="right_content_list clear">
							<dd class="fl iconfont">&#xe624;</dd>
							<dt class="fl">邮箱：zs15502706302@163.com</dt>
						</div>
						<div class="right_content_list clear">
							<dd class="fl iconfont">&#xe604;</dd>
							<dt class="fl">地址：湖北省武汉市武昌区中南国际城c1栋2704</dt>
						</div>
					</div>
				</div>
			</div>
			<!-- 友情链接 -->
			<!-- <div class="footer_content_bottom clear">
				<div class="content_bottom_left fl">友情链接：</div>
				<div class="content_bottom_right clear fl">
					<a href="http://maanshan.offcn.com/" target="_blank" class="fl">马鞍山人事考试网</a>
				</div>
			</div> -->
		</div>
		<div class="footer_content_copyright clear">©2021-2021 武汉码上帮科技有限公司版权所有 <a href="http://www.miitbeian.gov.cn/"
				rel="nofollow" target="_blank">备案号：沪ICP备xxxxx号</a></div>
	</div>


<!-- --- -->
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script src="js/banner.js"></script>
	<script src="js/global.js"></script>
	<script src="js/iconfont.js"></script>
	<script src="js/digital.js"></script>
	<script src="js/wow.js"></script>
	<script src="js/canvas.js"></script>
	<script src="js/carousel.js"></script>

	<!--视频播放-->
	<script type="text/javascript">
		$(document).ready(function (e) {
			var video1 = document.getElementById("video_button");
			var video2 = document.getElementById("video_button2");
			video1.onclick = function () {
				video2.play();
				video2.muted = false;
				video2.volume = "0.4"
				video1.style.display = "none";

			}
			video2.onclick = function () {
				video2.pause();
				video1.style.display = "block";
			}

		});
	</script>


	<!--服务项目-->
	<script>
		$(document).ready(function ($) {
			$('.carousel').owlCarousel({
				loop: false,
				margin: 0,
				nav: true,
				lazyLoad: true,
				autoplay: false,//是否开启自动播放
				autoplayTimeout: 1000,//控制自动播放的速度
				merge: true,
				video: true,
				responsive: {
					120: { items: 1 },//当屏幕大小缩小到480的时候变2个
					480: { items: 1 },//当屏幕大小缩小到480的时候变2个
					678: { items: 2 },//当屏幕大小缩小到678的时候变3个
					960: { items: 3 },//当屏幕大小缩小到960的时候变5个
					1200: { items: 4 },
				}
			});
		});
	</script>


	<!--动态特效-->
	<script>
		wow = new WOW(
			{
				animateClass: 'animated',
				offset: 200
			}
		);
		wow.init();


		//判断浏览器大小加上事件
		var width = $(window).width();
		if (width <= 700) {
			wow = new WOW(
				{
					animateClass: 'animated',
					offset: 10
				}
			);
			wow.init();
			function fixed_gun(obj) {
				var m_top = $(obj).offset().top;
				$(window).scroll(function () {
					if ($(window).scrollTop() >= m_top - 300) {
						onlyOne();
					};
				});
			};
		}

		//数字滚动
		fixed_gun("#digital");
		var flag = 1;
		function onlyOne() {
			if (flag == 1) {
				$('.counter-demo-4').lemCounter();
			}
			flag = 0;
		};
		function fixed_gun(obj) {
			var m_top = $(obj).offset().top;
			$(window).scroll(function () {
				if ($(window).scrollTop() >= m_top + 300) {
					onlyOne();
				};
			});
		};

	</script>

	<!--首页 banner 图-->
	<script type="text/javascript">
		$('.slick-hero-slider').slick({
			dots: true,
			speed: 500,
			slidesToShow: 1,
			slidesToScroll: 1,
			centerMode: true,
			infinite: true,
			centerPadding: '0',
			focusOnSelect: true,
			adaptiveHeight: false,
			autoplay: true,
			autoplaySpeed: 6000,
			pauseOnHover: false,
		});
	</script>
	<style>
		.copyrights {
			text-indent: -9999px;
			height: 0;
			line-height: 0;
			font-size: 0;
			overflow: hidden;
		}

		.dd:hover {
			cursor: pointer;
			transition: 0.2s;
			transition-duration: 0.5s;
			transform: scale(1.2);
			transition-timing-function: ease-in-out;

		}
		.dd {
			transition: all 1s linear;
		}

		#shangbiao {
			transform-style: preserve-3d;		
			transition: 0.3s;
		}

		.sss #shangbiao:hover {
			transform: translateZ(30px) rotateX(360deg) scale(1.1);
			

		}

		.menu .fl .clear .on >ul{
			width: 300px;
			height: 300px;
			background-color: red;
		}
		.menu_title{
			
		}
	</style>


</body>

</html>